<template>
  <div class="sideBar">
    <el-menu default-active="/nihao"   class="el-menu-vertical-demo" background-color="#eee" :router='true'>
        <MenuNav :menu="menuList"/>
    </el-menu>

  </div>
</template>

<script>
import MenuNav from './MenuNav.vue'
export default {
  name:"SideBar",
  props:{
    menuList :{
      type:Array,
      default:()=>{
        return []
      }
    }
  },
   components:{
    MenuNav
  },

};
</script>

<style>
.sideBar {
  position: fixed;
  width: 200px;
  height: 100%;
  padding-top: 49px;
  left: 0;
  top: 0;
  background-color: #eee;
  z-index: 1;
}

</style>